<template>
   <div>
        <p><input type = "checkbox" :checked="item.select" @change="$emit('changeSelect',item.title)"></p>
        <p><img :src="item.pic" ></p>
        <div class="right">
          <p>{{item.title}}</p>
          <p>{{item.big}}</p>
          <p><span class="new">￥{{item.money}}</span> <span class="old">￥{{item.oldmoney}}</span></p>
        </div>
        <div class="btns">
         <template v-if="item.num > 0">
            <button @click="$emit('countNum',item.title,-1)">-</button>
            {{item.num}}
         </template>
          <button  @click="$emit('countNum',item.title,1)">+</button>
        </div>
      </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  props: ['item']
}
</script>

<style>

</style>
